<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="MiniAppStore,小程序,应用市场,分发平台,小程序商店"/>
    <meta name="description" content="MiniAppStore小程序应用市场|小程序分发平台|小程序商店"/>
    <title>{{config.SiteName}} - 小程序应用市场|小程序分发平台|小程序商店</title>
    {% include "../common/head.html" %}
</head>
<body class="gray-bg">
{% include "../common/nav.html" %}
<div class="main-page">
    <div class="container">
        <div class="row">
            <div class="col-md-12" >

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h2> 所有分类 </h2>
                    </div>
                    <div class="ibox-content">
                        <a class="btn-group .btn-group-justified" role="group" aria-label="...">
                            {% for type in allType %}
                            <a href="/app/list/type-{{type.Id}}">
                                <button type="button" class="btn button-default btn-info">{{type.Name}}</button>
                            </a>
                            {% endfor %}
                        </a>
                    </div>
            </div>
                </div>
        </div>
        <div class="row">
            <div class="col-md-12" >
            <div class="ibox float-e-margins  ">
                <div class="ibox-title">
                    <h5>精品推荐</h5>
                </div>
                <div class="ibox-content">
                    <div class="feed-activity-list">
                        {% for app in recommends %}
                        <div class="col-xs-6 col-sm-6 col-md-3  col-lg-2">
                            <div class="feed-element">
                                <p class="text-center ">
                                    <a href="/app/detail/{{app.Id}}">
                                       <!-- <img alt="{{app.Name}}" src="{{app.Ico}}" width="90px" height="90px" data-original="/tmp/t2.jpg"/>-->
                                        <img alt="{{app.Name}}" src="/assets/common/images/weixin.png" width="90px" height="90px" data-original="{{app.Ico}}"/>
                                    </a>
                                </p>
                                <p class="text-center text-truncate">
                                    <a href="/app/detail/{{app.Id}}">{{app.Name}}</a>
                                </p>
                            </div>
                        </div>
                        {% endfor %}
                        <div class="box-footer clearfix">
                        </div>
                    </div>
                </div>
            </div>
                </div>
        </div>
        <div class="row">
            <div class="col-md-12" >
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>热门发布</h5>
                </div>
                <div class="ibox-content">
                    <div class="feed-activity-list">
                        {% for app in hots %}
                        <div class="col-xs-6 col-sm-4 col-md-3  col-lg-2">
                            <div class="feed-element">
                                <p class="text-center">
                                    <a href="/app/detail/{{app.Id}}">
                                        <img alt="{{app.Name}}" src="/assets/common/images/weixin.png" width="90px" height="90px" data-original="{{app.Ico}}"/>                                    </a>
                                </p>
                                <p class="text-center text-truncate">
                                    <a href="/app/detail/{{app.Id}}">{{app.Name}}</a>
                                </p>
                            </div>
                        </div>
                        {% endfor %}
                        <div class="box-footer clearfix">
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" >

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>最新发布</h5>
                </div>
                <div class="ibox-content">
                    <div class="feed-activity-list">
                        {% for app in recents %}
                        <div class="col-xs-6 col-sm-4 col-md-3  col-lg-2">
                            <div class="feed-element">
                                <p class="text-center">
                                    <a href="/app/detail/{{app.Id}}">
                                        <img alt="{{app.Name}}" src="/assets/common/images/weixin.png" width="90px" height="90px" data-original="{{app.Ico}}"/>                                    </a>
                                </p>
                                <p class="text-center text-truncate">
                                    <a href="/app/detail/{{app.Id}}">{{app.Name}}</a>
                                </p>
                            </div>
                        </div>
                        {% endfor %}
                        <div class="box-footer clearfix">
                        </div>
                    </div>
                </div>
            </div>
            </div>
    </div>
</div>
{% include "../common/footer.html" %}
<script src="/assets/common/js/jquery.lazyload.js"></script>
<script type="text/javascript">
    $("img").lazyload();
</script>


</body>

</html>